.vue {
    .margins {
        width: 1300px;
        margin: 0 auto;

        .nodata {

            video {
                width: 68%;
                height: 590px;
                overflow: hidden;
                border-radius: 10px;
                background-color: rgb(253, 254, 253);
                box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.05);
            }

            .option {
                float: right;
                width: 30%;
                height: 590px;
                border: none;
                padding: 20px;
                text-align: left;
                border-radius: 10px;
                box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.05);
                background-color: rgba(255, 255, 255, 0.5);

                .paipan {
                    margin-bottom: 20px;

                    .button {
                        font-size: 16px;
                        font-weight: bold;
                        width: 100%;
                        height: 40px;
                        border-radius: 40px;
                    }
                }

                .xy {
                    height: 500px;
                    overflow-y: auto;

                    .name {
                        margin-bottom: 11px;
                    }

                    .occupy {
                        margin-bottom: 10px;
                    }

                    .date {
                        margin-bottom: 10px;

                        .leapmonth {
                            // height: 55px;
                            float: right;
                            color: rgb(70, 70, 70);
                            margin-top: -2px;
                        }
                    }

                    .datetype {
                        margin-bottom: 10px;

                        .sex {
                            float: right;
                            // height: 55px;
                        }

                    }

                    .other {
                        margin-bottom: 10px;

                        .select {
                            width: 80%;
                            // width: 293px;
                        }

                        .title {
                            font-size: 13px;
                            margin-right: 5px;
                        }
                    }

                    .boeder1 {
                        text-align: center;
                        padding-top: 10px;
                        width: 96%;
                        margin-bottom: 10px;
                        border-radius: 5px;
                        border: 1px rgb(220, 222, 226) solid;
                    }
                    
                }

            }

        }

        .yesdata {

            .option {
                .button {
                    margin-right: 30px;
                }

                .button2 {
                    margin-left: 30px;
                }
            }

            .data {
                margin-top: 10px;

                .hrader {
                    width: 100%;
                    border: none;
                    color: white;
                    height: 50px;
                    line-height: 50px;
                    font-size: 16px;
                    margin-bottom: 10px;
                    padding: 0 30px 0 30px;
                    font-weight: bold;
                    border-radius: 5px;
                    background-image: linear-gradient(to right, #3d3d3d, #555555);

                    .name {
                        float: left;
                        font-size: 24px;
                        color: #c39d4a;
                    }

                    .date {
                        float: left;
                        font-size: 16px;

                        .other {
                            font-size: 14px;
                        }

                        .item {
                            font-size: 14px;
                            margin-left: 40px;
                        }
                    }

                    .shengxiao {
                        float: right;
                        height: 60px;
                        font-size: 20px;
                        color: #c39d4a;

                    }
                }

                .border {
                    width: 100%;
                    border-radius: 5px;
                    border: none;
                    padding: 5px;
                    border: 1px rgb(220, 223, 230) solid;
                    min-height: 650px;

                    .jichu {

                        .bgi1 {
                            background-image: linear-gradient(to right, rgb(249, 252, 254), rgb(235, 243, 254), rgb(249, 252, 254));
                        }

                        .bgi2 {
                            background-image: linear-gradient(to right, rgb(235, 245, 254), rgb(249, 252, 254), rgb(235, 245, 254));
                        }

                        .bgi3 {
                            margin: 10px 0 10px 0;
                            border: 1px rgb(220, 223, 230) solid;
                            background-color: rgba(255, 255, 255, 0.5);

                            .item {
                                .content {
                                    font-weight: bold;
                                    font-size: 16px;
                                    margin-left: 40%;
                                }
                            }
                        }

                        .go {
                            display: flex;
                            padding: 3px 0 3px 10px;

                            .item {
                                flex: 1;
                                display: flex;

                                .title {
                                    color: #727272;
                                    font-weight: bold;
                                    margin-right: 15px;
                                }

                                .content {}
                            }
                        }

                        .row {
                            height: 157px;
                            margin-top: 10px;

                            .row-left {
                                float: left;
                                width: 49.5%;
                                height: 160px;
                                padding: 5px 10px 5px 10px;
                                border: 1px rgb(220, 223, 230) solid;

                            }

                            .row-right {
                                float: right;
                                width: 50%;
                                height: 160px;
                                padding: 5px 10px 5px 10px;
                                border: 1px rgb(220, 223, 230) solid;

                            }

                            .title {
                                font-weight: bold;
                                text-align: center;
                                margin-bottom: 5px;

                                .name {
                                    min-width: 105px;
                                }
                            }

                            .tip {
                                font-size: 12px;
                                color: rgb(180, 180, 180);

                                .yaoming {}

                                .guaxiang {
                                    margin-left: 33px;
                                }

                                .shiying {
                                    margin-left: 30px;
                                }

                                .fushen {
                                    margin-left: 8px;
                                }

                                .liuqin {
                                    margin-left: 10px;
                                }

                                .ganzhi {
                                    margin-left: 35px;
                                }

                                .wuxing {
                                    margin-left: 23px;
                                }

                                .liushen {
                                    margin-left: 10px;
                                }

                                .yaoci {
                                    margin-left: 11px;
                                }
                            }

                            .main {
                                font-size: 12px;

                                .yaoming {
                                    float: left;
                                    width: 40px;

                                    div {
                                        height: 15.8px;
                                    }
                                }

                                .guaxiang {
                                    float: left;
                                    margin: -25px -5px 0px -20px;
                                    color: rgb(50, 50, 50);

                                    div {
                                        zoom: 9;
                                    }
                                }

                                .mark {
                                    float: left;
                                    margin: -1px 0 0 0;
                                    width: 7px;

                                    div {
                                        height: 16px;
                                    }
                                }

                                .shiying {
                                    float: left;
                                    margin: -1px 0 0 3px;

                                    div {
                                        height: 16px;
                                    }
                                }

                                .fushen {
                                    float: left;
                                    font-weight: bold;
                                    color: #b28b3e;
                                    margin: -1px 0 0 15px;
                                    width: 17px;

                                    div {
                                        height: 16px;
                                        font-family: 楷体, serif !important;
                                    }
                                }

                                .liuqin {
                                    float: left;
                                    margin: -1px 0 0 10px;

                                    div {
                                        height: 16px;
                                    }
                                }

                                .ganzhi {
                                    float: left;
                                    margin: -1px 0 0 10px;

                                    div {
                                        height: 16px;
                                    }
                                }

                                .wuxing {
                                    float: left;
                                    margin: -1px 0 0 10px;

                                    div {
                                        height: 16px;
                                    }
                                }

                                .liushen {
                                    float: left;
                                    margin: -1px 0 0 16px;

                                    div {
                                        height: 16px;
                                    }
                                }

                                .yaoci {
                                    margin: -1px 0 0 320px;
                                    font-family: 宋体, serif;
                                    overflow-x: auto;
                                    overflow-y: hidden;

                                    div {
                                        height: 16px;
                                        white-space: nowrap;
                                    }
                                }

                            }

                        }

                    }

                    .gengduo {
                        text-align: center;

                        .img {
                            margin-top: 20px;
                        }

                    }

                }

            }

        }

    }

}